<template>
  <div class="goods">
    <!-- 头部查询 -->
    <Head />
    <!-- 商品列表 -->
    <Content />
    <!-- 分页 -->
    <Pagination />

    <!-- 底部 -->
    <Footer/>
  </div>
</template>

<script>
//引入API
import { getAdminGoods } from "@/request/api.js";
//引入组件
import Head from "@/components/goods/head";
import Content from "@/components/goods/content";
import Pagination from "@/components/goods/pagination";
import Footer from '@/components/footer/footer'


export default {
  components: {
    Head,
    Content,
    Pagination,
     Footer
  },
  data() {
    return {};
  },
  // 方法
  methods: {},
  //初始化页面时获取商品信息
  created() {
    this.$store.dispatch("changetableDatas");
  }
};
</script>

<style lang='less' scoped>
.goods {
  box-sizing: border-box;
  padding: 10px 0 0 10px;
  background-color: #fff;
  height: 90%;
  // overflow: hidden;
  overflow-y: auto;
}

</style>